<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>店铺明细列表</title>
		<link rel="stylesheet" href="../css/common/mui.css" />
		<link rel="stylesheet" href="../css/common/common.css" />
		<link rel="stylesheet" href="../css/common/swiper.min.css" />
		<link rel="stylesheet" href="../css/this/shop.css" />
	  <style>
    	.swiper-slide img{
    		width:6rem;
    		height:6rem;
    	}
		.swiper-slide{
			margin-left:1.5rem;
			margin-right:0rem!important;
			width:20%;		
		}
    </style>
</head>
<body>
	<!--列表开始-->
	<div class='theFirst waitprofit'></div>
	<script type='text/template' id='tpl-waitprofit'>
		{{if list.length > 0}}
		{{each list as listo}}
		<div class='mT7 shop-list'>
			<div class='bGWhite  bT bB lH75 oF pL18 pR18 head'>
				<div class='fl avatar'>
					<img src="{{listo.logo}}" class='vm bR50 pSR' />
					<span class='fS15 cBlack'>{{listo.name}}</span>
				</div>
				<div class='fr view tR'>
					{{if listo.status == 3 || listo.status ==4}}<button class='btn btn-black fS13 mR10 pSR pL5 pR5 wuliu' data-orderId = '{{listo.order_id}}' data-kd='{{listo.shipping_express_name}}'>查看物流</buttton>{{/if}}
					<button class='btn btn-black fS13 pSR pL5 pR5 order' data-orderId = '{{listo.order_id}}'>订单详情</button>
				</div>
			</div>
			<section class='bB'>
				<div class="swiper-container">
				  <div class="swiper-wrapper">
				  {{each listo.product_list as plist}}
				    <div class="swiper-slide pT9 mB4 tC" data-orderid = '{{plist.order_id}}' data-pid = '{{plist.product_id}}' >
				    	<div class='tC'>
				    		<img src="{{plist.pic}}" class='b vb'/>
				    		<p class='clightGrey pT9 fS15 tC cBlack'>&yen;{{plist.price}}</p>
				    	</div>
				     </div>
				   {{/each}}
				  </div>
				</div>
			</section>	
			<section class='bGWhite pL18 pT21 pB21 bB'>
				<p class='fS15 cBlack'>订单编号 ： {{listo.order_id}}</p>
				<p class='fS15 cBlack pT9'>订单状态 ：
					{{if listo.status == 0}}取消订单
					{{else if listo.status == 1}}待付款
					{{else if listo.status == 2}}待发货
					{{else if listo.status == 3}}待收货
					{{else if listo.status == 4}}已完成
					{{/if}}
				</p>
				<div class='mui-row  pT9 '>
					<div class='mui-col-xs-6'>
						<p class='fS15 cBlack'>商品合计 ：&yen;{{listo.cost}}</p>
					</div>
					<div class='mui-col-xs-6 pR18 tR fS15'>
						<p class='cBlack'>预计收益 :  <span class='cDarkRed'>+ {{listo.bonusInfo.price}}</span></p>
					</div>
				</div>
			</section>
		</div>
		{{/each}}
		{{else}}
		<div class='tC promp-order' style='position:absolute;top:50%;left:15%;height:30%;width:70%;'><span class='cGrey fS15'>亲  这个页面还没有数据哦~</span></div>
		{{/if}}
	</script>
	<div class='reco'></div>
	<!--列表结束-->
	</body>
		<script src='../js/common/jquery.min.js'></script>
		<script src="../js/common/template.js"></script>
		<script src='../js/common/swiper.min.js'></script>
		<script src='../js/common/swiper.animate.min.js'></script>
		<script src='../js/common/api.js'></script>
		<script src='../js/common/loading.js'></script>
		<script src="../js/common/app.js"></script> 
		<script src='../layer/layer.js'></script>
		<script src='../js/common/header.js'></script>
		<script src='../js/common/footer.js'></script>
		<script src='shop.waitprofit.js'></script>
</html>
